<template>
	<el-dialog :model-value="dialogVisible" title="提醒" width="500" :before-close="closeDialog" @update="handleDialogVisibleUpdate" >
	  <span>
		<el-text>检测到未安装数据库程序（MongoDB，必须安装数据库程序，否则程序无法执行）,是否执行一键安装？</el-text>
	  </span>
	  <template #footer>
		<div class="dialog-footer">
		  <el-button @click="closeDialog">Cancel</el-button>
		  <el-button type="primary" @click="confirmDialog">Confirm</el-button>
		</div>
	  </template>
	</el-dialog>
  </template>
  
  <script setup>
  // 删除不需要的 import
  const props = defineProps({
	dialogVisible: Boolean
  });
  
  const emit = defineEmits();
  
  // 关闭对话框
  const closeDialog = () => {
	emit('update:dialogVisible', false);  // 触发父组件事件，关闭对话框
  };
  
  // 确认对话框操作
  const confirmDialog = () => {
	emit('update:dialogVisible', false);  // 同样关闭对话框
	// 在此执行 MongoDB 安装操作等逻辑
	window.ipcRenderer.sendMain(JSON.stringify({type:'startInstallMongoDB',value:true}))
  };
  
  // 更新 dialogVisible 状态
  const handleDialogVisibleUpdate = (newVal) => {
	emit('update:dialogVisible', newVal);  // 确保父组件更新 `dialogVisible`
  };
  </script>
  